// 1.引入vue
import vue from 'vue'
// 2.引入vue-router
import VueRouter from 'vue-router'

// 3.引入组件
import father from '@/components/father.vue'
// import father from '@/components/son 子传子.vue'

// import son from '@/components/son.vue'

// 4.use：让vue使用vue-router进行路由管理
vue.use(VueRouter)

// 4.创建路由对象：实现路由和组件的映射
const router = new VueRouter({

  routes: [
    {
      // name: 'index',
      // path: '/',
      // redirect: { name: 'index' }
      name: 'index2',
      path: '/',
      // 当打开根组件的时候，让其自动的进行重定向--让其再映射下一个组件
      redirect: { name: 'father' }
    },
    {
      name: 'father',
      path: '/father',
      component: father
    }

  ]

})

export default router
